<title>{{shopMoreInfoName}}</title>
<div id="change" style="padding-top: 2em;">
	<div class="choose">
		<div class="mui-content">
			<div class="mui-row" style="position: fixed;top: 0px;width: 100%;z-index: 999;">
				<div class="mui-col-sm-4 mui-col-xs-4" ng-init="shop.list=1">

					<a ng-class="{active:shop.list==1}" ng-click="changeShopList(1)">
						当前持仓
						<hr />
					</a>

				</div>
				<div class="mui-col-sm-4 mui-col-xs-4">

					<a ng-class="{active:shop.list==2}" ng-click="changeShopList(2)">
						历史记录
						<hr />
					</a>

				</div>
				<div class="mui-col-sm-4 mui-col-xs-4">

					<a ng-class="{active:shop.list==3}" ng-click="changeShopList(3)">
						详情介绍
						<hr />
					</a>

				</div>
			</div>
		</div>
		<br />
		<div ng-if="shop.list==1" class="page" id="shopListBox">
			<!--没绑定时当前持仓状态-->
			<div class="allCenter nohas" ng-if="noShuChi">
				<img src="img/Not_documentary.png" alt="" />
				<p>当前没有持仓记录哦~</p>

			</div>
			<!--拥有记录的-->
			<div ng-repeat="y in shopPing">
				<div class="center listBox" ng-repeat="x in y">
					<div class="inner">
						<div class="top">
							<div class="mui-content">
							</div>
							<div class="mui-row">
								<div class="mui-col-sm-6 mui-col-xs-6">
									<li class="mui-table-view-cell">
										<p style="color: #000000;">{{x.order || '无'}}</p>
									</li>
								</div>
								<!--<div class="mui-col-sm-6 mui-col-xs-6">
						<li class="mui-table-view-cell" >
							$ <span class="green">666</span>
						</li>
					</div>-->
							</div>
						</div>
						<hr />
						<div class="wrap mui-clearfix">
							<div class="mui-row mui-clearfix">
								<div class="mui-col-sm-3 mui-col-xs-3 mui-clearfix">
									<img alt="" class="newImg" ng-src="{{x.iconUrl || 'img/timg.png'}}" />

								</div>
								<div class="mui-col-sm-9 mui-col-xs-9 mui-clearfix" style="margin-top: 0.5em;font-size: 1.2em;">
									<div class="mui-row mui-clearfix" style="margin-left: 0.5em;line-height: 2em;">
										<div class="mui-col-sm-8 mui-col-xs-8">
											<span class="gray">{{x.openTime|date:'yyyy-MM-dd HH:mm:ss'}}</span>
										</div>
										<div class="mui-col-sm-4 mui-col-xs-4" style="text-align: right;">
											<span>{{x.openPrice}}</span>
											<span class="red" ng-if="x.cmd==0">多</span>
											<span class="green" ng-if="x.cmd==1">空</span>
										</div>
										<div class="mui-col-sm-3 mui-col-xs-3">
											<span class="gray">止   损</span>

										</div>
										<div class="mui-col-sm-3 mui-col-xs-3">

											<span>{{x.sl}}</span>
										</div>

										<div class="mui-col-sm-3 mui-col-xs-3">
											<span class="gray">手 数</span>

										</div>
										<div class="mui-col-sm-3 mui-col-xs-3" style="text-align: right;">

											<span>{{x.volume/10000}}手</span>
										</div>
										<div class="mui-col-sm-3 mui-col-xs-3">
											<span class="gray">止   盈</span>

										</div>
										<div class="mui-col-sm-3 mui-col-xs-3">

											<span>{{x.tp}}</span>
										</div>
										<div class="mui-col-sm-3 mui-col-xs-3">
											<span class="gray">盈 利</span>

										</div>
										<div class="mui-col-sm-3 mui-col-xs-3" style="text-align: right;">

											<span class="green" ng-if="x.point>0">{{x.point}}</span>
											<span class="red" ng-if="x.point<0">{{x.point}}</span>
											<span class="yellow" ng-if="x.point==0">{{x.point}}</span><span>点</span>

										</div>
									</div>

								</div>

							</div>
							<div class="mui-row mui-clearfix">
								<div class="mui-col-sm-6 mui-col-xs-6">
									<p style="color: #000000;font-size: 1.5em;font-weight: bold;">{{x.symbol}}</p>
									<span class="tui">跟</span> <span style="margin-left: 0.3em;">{{x.name}}</span>

								</div>
								<div class="mui-col-sm-6 mui-col-xs-6" style="text-align: right;margin-top: 0.8em;font-size: 1.6em;">
									<!--<button type="button" class="mui-btn mui-btn-primary">立即平仓</button>-->
									<span class="green" ng-if="x.profit>0">{{x.profit/100 | currency}}</span>
									<span class="red" ng-if="x.profit<0">{{x.profit/100 | currency}}</span>
									<span class="yellow" ng-if="x.profit==0">{{x.profit/100 | currency}}</span>
								</div>

							</div>
						</div>

					</div>

				</div>
			</div>
			<p class="noMore" ng-if="shop_noChiList">到底啦~</p>

			<br />
			<br />
			<br />
			<br />

		</div>

		<div ng-show="shop.list==2" class="page" id="shopListBox2">

			<!--没有绑定时候-->
			<div class="allCenter nohas" ng-if="noShuLu">
				<img src="img/Not_documentary.png" alt="" />
				<p>当前没有历史记录哦~</p>

			</div>
			<!--有记录-->
			<div ng-repeat="y in shopLiPing">

				<div class="center listBox" ng-repeat="x in y">
					<div class="inner" style="padding: 0;">
						<div class="top">
							<div class="mui-content">
							</div>
							<div class="mui-row">
								<div class="mui-col-sm-5 mui-col-xs-5">
									<li class="mui-table-view-cell" style="padding-left: 0;">
										<p style="color: #000000;font-weight: bolder;font-size: 1.2em;">{{x.name}}</p>
									</li>
								</div>
								<div class="mui-col-sm-6 mui-col-xs-6" style="text-align: right;font-size: 1.6em;margin-top: 0.5em;padding-right: 0.4em;">
									<span class="green" ng-if="x.profit>0">{{x.profit | currency}}</span>
									<span class="red" ng-if="x.profit<0">{{x.profit | currency}}</span>
									<span class="yellow" ng-if="x.profit==0">{{x.profit | currency}}</span>
								</div>
								<div class="mui-col-sm-1 mui-col-xs-1" style="text-align: right;margin-top: 0.9em;">

									<span class="redYuan" ng-if="x.cmd==0">多</span>
									<span class="greenYuan" ng-if="x.cmd==1">空</span>
								</div>

							</div>
						</div>
						<hr />
						<div class="wrap mui-clearfix">
							<div class="mui-row mui-clearfix">
								<div class="mui-col-sm-3 mui-col-xs-3 mui-clearfix">

									<img alt="" class="newImg" ng-src="{{x.iconUrl || 'img/timg.png'}}" />

									<p style="color: #000000;font-size: 1.5em;margin-top: 0.7em;font-weight: bolder;text-align: center;">{{x.symbol || '无'}}</p>

								</div>

								<div class="mui-col-sm-9 mui-col-xs-9 mui-clearfix" id="spectilf">
									<div class="mui-row mui-clearfix" style="margin-left: 0.5em;">

										<div class="mui-col-sm-5 mui-col-xs-5">
											<span class="gray">开 仓</span>
											<span style="float: right;">{{x.openPrice || 0}}点</span>

										</div>

										<div class="mui-col-sm-7 mui-col-xs-7" style="text-align: right;">
											<span>{{(x.openTime |date:'yyyy-MM-dd HH:mm:ss') || 0}}</span>

										</div>
										<div class="mui-col-sm-5 mui-col-xs-5">
											<span class="gray">平 仓</span>
											<span style="float: right;">{{x.closePrice || 0}}点</span>

										</div>
										<div class="mui-col-sm-7 mui-col-xs-7" style="text-align: right;">
											<span>{{((x.closeTime || 0) |date:'yyyy-MM-dd HH:mm:ss' )}}</span>

										</div>

										<div class="mui-col-sm-5 mui-col-xs-5">
											<span class="gray">手   数</span>
											<span style="float: right;">{{x.volume/10000 || 0 |number:2 }}手</span>

										</div>

										<div class="mui-col-sm-3 mui-col-xs-3" style="text-align: right;">
											<span class="gray">盈 利</span>

										</div>
										<div class="mui-col-sm-4 mui-col-xs-4" style="text-align: right;">

											<span class="green" ng-if="x.point>0">{{x.point}}</span>
											<span class="red" ng-if="x.point<0">{{x.point}}</span>
											<span class="yellow" ng-if="x.point==0">{{x.point}}</span><span>点</span>
										</div>

										<div class="mui-col-sm-5 mui-col-xs-5">
											<span class="gray">止 损</span>
											<span style="float: right;">{{x.sl}}</span>
										</div>
										<div class="mui-col-sm-3 mui-col-xs-3" style="text-align: right;">
											<span class="gray">止 盈</span>

										</div>
										<div class="mui-col-sm-4 mui-col-xs-4" style="text-align: right;">

											<span>{{x.tp}}</span>
										</div>

									</div>

								</div>
							</div>

						</div>

					</div>

				</div>
			</div>
			<p class="noMore" ng-if="shop_noHistoryList">到底啦~</p>
			<br />
			<br />
			<br />
			<br />
		</div>
		<div ng-show="shop.list==3" class="page mui-clearfix" id="shopListBox3">
			<!--没绑定-->

			<!--绑定完-->
			<div class="center alist">
				<div class="mui-row" style="padding: 0.3em 0.938em ;">
					<div class="mui-col-sm-6 mui-col-xs-6" style="border-bottom: none;">
						<span>初始入金</span>
					</div>
					<div class="mui-col-sm-6 mui-col-xs-6" style="text-align: right;border-bottom: none;">
						<span>{{(shopMoreInfo.initBalance || 0) |number:2}}</span>
					</div>
					<div class="mui-col-sm-6 mui-col-xs-6" style="border-bottom: none;">
						<span>累计入金</span>
					</div>
					<div class="mui-col-sm-6 mui-col-xs-6" style="text-align: right;border-bottom: none;">
						<span>{{(shopMoreInfo.balance || 0) |number:2}}</span>
					</div>
					<div class="mui-col-sm-6 mui-col-xs-6">
						<span>累计出金</span>
					</div>
					<div class="mui-col-sm-6 mui-col-xs-6" style="text-align: right;">
						<span>{{(shopMoreInfo.withdrawal || 0) |number:2}}</span>
					</div>
					<div class="mui-col-sm-6 mui-col-xs-6" style="border-bottom: none;">
						<span>累计盈利</span>
					</div>
					<div class="mui-col-sm-6 mui-col-xs-6" style="text-align: right;border-bottom: none;">
						<span>{{(shopMoreInfo.profit|| 0) |number:2}}</span>
					</div>
					<div class="mui-col-sm-6 mui-col-xs-6">
						<span>当前余额</span>
					</div>
					<div class="mui-col-sm-6 mui-col-xs-6" style="text-align: right;">
						<span>{{(shopMoreInfo.currentBalance|| 0) |number:2}}</span>
					</div>
					<div class="mui-col-sm-6 mui-col-xs-6" style="border-bottom: none;">
						<span>信用额度</span>
					</div>
					<div class="mui-col-sm-6 mui-col-xs-6" style="text-align: right;border-bottom: none;">
						<span>{{(shopMoreInfo.credit || 0) |number:2}}</span>
					</div>
					<div class="mui-col-sm-6 mui-col-xs-6" style="border-bottom: none;">
						<span>交易时长</span>
					</div>
					<div class="mui-col-sm-6 mui-col-xs-6" style="text-align: right;border-bottom: none;">
						<span>{{shopMoreInfo.createTime || 0}}天</span>
					</div>

				</div>
			</div>
			<!--<div class="center">
				<div id="main" style="width: 100%;height: 400px;">

				</div>
			</div>-->

			<div class="center promit">

				<div class="textbox">
					<p>资金要求：</p>
					<p>跟单账户仓位过小可能会遗漏分配单量低于0.01手的订单，跟单客户建议随时查看仓位状况，保持一个合理仓位水平。微信端所显示的仓位及净值状况为您本次登录时间同步结果，可能会与实际状况有少许误差，详情请登录客户端或CRM客户关系管理系统查看。</p>
				</div>
				<div class="textbox">
					<p>跟单规则：</p>
					<p>客户账号通过审核后，可自由选择一个或多个信号源跟单，跟随多个信号源时，总资金为100%，即当拿出20%资金跟随信号源A，则跟随其他信号源的资金总量最多为80%。当信号源下单后，客户立即接收到跟单指令，实际跟单价格由于网络延迟、滑点等原因可能与信号源有细微差别。</p>
				</div>
				<div class="textbox">
					<p>跟单提示：</p>
					<p>您可以只跟随一个信号源，也可以同时跟随多个信号源，信号源由您自主选择，交易有风险，投资须谨慎。</p>
				</div>
			</div>

			<button type="button" class="mui-btn mui-btn-primary" style="width: 90%;margin: 0.238em 0 0.938em 0.938em;height: 3.125em;" ng-click="changeSet(1,shopMoreInfo.id)" ng-if="shopMoreInfo.followMt5Id==null" ng-disabled="dontGen">立即跟单</button>
			<button type="button" class="mui-btn mui-btn-primary" style="width: 90%;margin: 0.238em 0 0.938em 0.938em;height: 3.125em;" ng-click="changeSet(0,shopMoreInfo.id)" ng-if="shopMoreInfo.followMt5Id!=null">修改跟单</button>

			<br />
			<br />
			<br />
			<br />

		</div>

	</div>

</div>

<script>
	//	var myChart = echarts.init(document.getElementById('main'));
	//
	//	
	//	var option = {
	//		color: ['#A5779E', '#FF6D54', '#FFBE56'],
	//		label: {
	//			normal: {
	//				show: true,
	//				position: 'inside',
	//				formatter: '{c}%'
	//			}
	//		},
	//		tooltip: {
	//			trigger: 'axis',
	//			axisPointer: { // 坐标轴指示器，坐标轴触发有效
	//				type: 'shadow', // 默认为直线，可选为：'line' | 'shadow',
	//			}
	//		},
	//		grid: {
	//			left: '3%',
	//			right: '4%',
	//			bottom: '3%',
	//			containLabel: true
	//		},
	//		xAxis: [{
	//			type: 'category',
	//			data: ['5月', '6月', '7月', '8月', '9月', '10月'],
	//			axisTick: {
	//				alignWithLabel: true
	//			}
	//		}],
	//		yAxis: [{
	//			type: 'value',
	//			min: -20,
	//			max: 20,
	//			name: "盈利率（%）",
	//
	//		}],
	//		series: [{
	//			name: '盈利率',
	//			type: 'bar',
	//			barWidth: '60%',
	//			data: [6.68, -7.78, 3.64, 3.99, 15.05, -2.4],
	//			itemStyle: {
	//				//通常情况下：
	//				normal: {　　　　　　　　　　　　 //每个柱子的颜色即为colorList数组里的每一项，如果柱子数目多于colorList的长度，则柱子颜色循环使用该数组
	//					color: function(params) {
	//						var colorList = ['#A5779E', '#FF6D54', '#FFBE56', '#47B39C', '#91C7ED', '#1B6AA2'];
	//						return colorList[params.dataIndex];
	//					}
	//				}
	//
	//			}
	//
	//		}]
	//	};
	//	myChart.setOption(option);
</script>
<script>
	$('.page').height($(window).height() - $('#onepage').height() - 100);

	function changeAccount() {
		window.location.href = "#/addAccount"

	}
</script>